import styled from 'styled-components';

export const BoxStyle = styled.div`
	width: 100%;
	display: flex;
	justify-content: center;
	.card {
		width: 200px;
		border-radius: 10px;
		margin-top: 50px;
		overflow: hidden;
		transition: all 0.3s;
		transform: perspective(600px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));

		.rick {
			width: 100%;
			vertical-align: middle;
		}
		&:hover {
			box-shadow: -3px -3px 10px red, 3px 3px 10px blue;
			background: pink;
		}
	}
`;
